<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg"
     onload="startTest()" reftest-zoom="2" class="reftest-wait"
     style="width:50%; height:50%;">
    
  <title>Testcase for zoomed foreignObject</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=484677 -->

  <style type="text/css">
    * { margin:0;height:100%;width:100% }
  </style>
  <foreignObject width="100%" height="100%">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <body>
        <div id="div" style="width:20px;height:20px;background:yellow;"/>
      </body>
    </html>
  </foreignObject>
  <script type="text/javascript">
  function startTest() {
    document.addEventListener("MozReftestInvalidate", doTest, false);
  }
  function doTest() {
    var elem = document.elementFromPoint(25, 25);
    var div = document.getElementById("div");
    div.setAttribute("style", "background:" + ((elem == div) ? "red" : "lime") + ";");
    document.documentElement.removeAttribute("class");
  }
  </script>
</svg>
